<%-- 
    Document   : Services
    Created on : Jan 19, 2013, 4:25:48 PM
    Author     : TuanAnh
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/service.css" />               
        <link rel="stylesheet" type="text/css" href="css/button.css" />
        <title>Service</title>
    </head>
    <body>
        <div class="container">
            <header>
                <h1>SERVICE OF FPT RESORT</h1>
                <div class="spotlightmenu"><ul><li><a href="Homepage.jsp"><span>Home Page</span></a></li></ul></div>                
            </header>
            <section class="cn-container">
                <div class="cn-slide" id="slide-main">
                    <h2>Please choose</h2>
                    <nav>
                        <a href="#slide-1">Room And Villa</a>							
                        <a href="#slide-2">Car For Rent</a>						
                    </nav>
                </div>

                <div class="cn-slide cn-slide-sub" id="slide-1">
                    <h2>Room And Villa</h2>
                    <a href="#slide-main" class="cn-back">Back</a>
                    <nav>
                        <a href="#slide-1-1">Standard</a>							
                        <a href="#slide-1-2">Superior</a>
                        <a href="#slide-1-3">Deluxe</a>
                        <a href="#slide-1-4">Villa</a>
                    </nav>
                </div>

                <div class="cn-slide" id="slide-1-1">
                    <h2>Standard</h2>
                    <a href="#slide-1" class="cn-back">Back</a>
                    <div class="cn-content">
                        <p> Two double beds, private bathroom w/shower, hot water, air-conditioning, color cable TV, mini-fridge, telephone and safety deposit. </p>
                    </div>                    
                </div>

                <div class="cn-slide" id="slide-1-2">
                    <h2>Superior</h2>
                    <a href="#slide-1" class="cn-back">Back</a>
                    <div class="cn-content"><p>An elegantly appointed guest room featuring a balcony and either either a queen size bed or two king single beds. A work desk, fully stocked mini bar with complimentary tea and coffee making facilities are available. Ideal for the conference delegate or business traveller </p>
                    </div>                    
                </div>

                <div class="cn-slide" id="slide-1-3">
                    <h2>Deluxe</h2>
                    <a href="#slide-1" class="cn-back">Back</a>
                    <div class="cn-content">
                        <p>This spacious hotel room has everything you could possibly want – from a superb bed to state-of-the-art technical facilities. You will sleep like a dream in your Eastborn bed. There are flat screen TVs in the bedroom and the bathroom. You can adjust the curtains, the room temperature and the mood lighting and set the alarm clock with the touch of a button. </p>
                    </div>                    
                </div>

                <div class="cn-slide" id="slide-1-4">
                    <h2>Villa</h2>
                    <a href="#slide-1" class="cn-back">Back</a>
                    <div class="cn-content">
                        <p>Villa Rooms offer spacious, airy accommodations with walkout balconies or lawns. Views include the golf course, garden or Resort pool. Villas are ideal for guests who prefer the serenity of a landscaped retreat to the bustle of the main tower and lobby. </p>
                    </div>                    
                </div>

                <!-- Slide 2 -->
                <div class="cn-slide cn-slide-sub" id="slide-2">
                    <h2>Car For Ren</h2>
                    <a href="#slide-main" class="cn-back">Back</a>
                    <nav>
                        <a href="#slide-2-1">Economy, 4 seats</a>							
                        <a href="#slide-2-2">Premium Sedan</a>
                        <a href="#slide-2-3">10 Seats Van</a>
                        <a href="#slide-2-4">Luxury SUV, 7 seats</a>
                    </nav>
                </div>

                <div class="cn-slide" id="slide-2-1">
                    <h2>Economy, 4 seats</h2>
                    <a href="#slide-2" class="cn-back">Back</a>
                    <div class="cn-content"><p>NISSAN GRAND LIVINA </p></div>
                </div>

                <div class="cn-slide" id="slide-2-2">
                    <h2>Premium Sedan</h2>
                    <a href="#slide-2" class="cn-back">Back</a>
                    <div class="cn-content"><p>MERCEDES E200 OR SIMILAR </p></div>
                </div>

                <div class="cn-slide" id="slide-2-3">
                    <h2>10 Seats Van</h2>
                    <a href="#slide-2" class="cn-back">Back</a>
                    <div class="cn-content"><p>TOYOTA HIACE </p></div>
                </div>

                <div class="cn-slide" id="slide-2-4">
                    <h2>Luxury SUV, 7 seat</h2>
                    <a href="#slide-2" class="cn-back">Back</a>
                    <div class="cn-content"><p>TOYOTA LAND CRUISER</p></div>                    
                </div>

            </section>
        </div>
    </body>
</html>
